/*===== code build by mstore0.1.3 =====*/

/*===== mstoreDev/editor#sideBar:0 =====*/

.mstoreToolbar{font-size:14px; position:fixed; width:60px; left:0; top:0; bottom:0; background:#2e2d2b; color:#ccc; z-index:2000;}
.mstoreToolbar ul{margin:0; padding:0;}
.mstoreToolbar li{list-style:none;}
.mstoreToolbar .navIcon{display:block; position:relative; font-style:normal; font-size:24px; color:#999; cursor:pointer; text-align:center; padding:6px 0;}
.mstoreToolbar .navIcon span{font-size:12px; display:block; line-height:18px; margin-top:-3px;}
.mstoreToolbar .navIcon:hover{color:#fff;}

.mstoreToolbar .menubox{display:none; text-align:left; font-size:14px; min-width:120px; position:absolute; border:solid 1px #ddd; top:0; left:60px; background:#fff; padding:0px; border-radius:2px; -webkit-box-shadow:2px 3px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:2px 3px 8px 0 rgba(0, 0, 0, 0.1); padding-top:1px;}
.mstoreToolbar .menubox li{color:#666; white-space:nowrap; padding:10px 20px; border:#eee solid; border-width:1px 0; margin-top:-1px; font-family:'microsoft yahei';}
.mstoreToolbar .menubox li:hover{background:#edf6ff;}
.mstoreToolbar .menubox li:first-child{border-top:0;}
.mstoreToolbar .menubox li:last-child{border-bottom:0;}
.mstoreToolbar li:hover .menubox{display:block;}

.mstoreToolbar .toggleVisible{position:absolute!important; bottom:70px; width:100%; background:#2e2d2b;}
.mstoreToolbar .toggleVisible span{font-size:12px;}

.mstoreToolbar .userName{position:absolute; width:60px; height:60px; left:0; bottom:0;}
.mstoreToolbar .userName span{cursor:pointer; position:absolute; width:40px; height:40px; left:10px; top:10px; line-height:40px; background:#fff; border-radius:50% 50%; text-align:center; color:#207cd1;}
.mstoreToolbar .userName .userMenubox{display:block; display:none; text-align:left; min-width:200px; font-size:14px; position:absolute; border:solid 1px #ddd; left:60px; bottom:0; background:#fff; padding:0px; border-radius:2px; -webkit-box-shadow:2px 3px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:2px 3px 8px 0 rgba(0, 0, 0, 0.1); padding-top:1px; padding:12px;}
.mstoreToolbar .userName .userMenubox.show{display:block;}
.mstoreToolbar .userName .userMenubox h3{color:#666; line-height:40px; text-indent:12px;}
.mstoreToolbar .userName .themes{border:solid #eee; border-width:1px 0; padding:20px 0 20px 8px; overflow:hidden;}
/*.mstoreToolbar .userName .themes li{display:inline-block; cursor:pointer; width:36px; height:36px; line-height:36px; text-align:center; margin:0 3px; color:#fff; border-radius:50% 50%;}*/
.mstoreToolbar .userName .themes li{ border-radius: 9px; color: #fff;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    margin: 8px;
    text-align: center;
}



.mstoreToolbar .userName .themes li.black{background-color:#000;}
.mstoreToolbar .userName .themes li.blue{background-color:#207cd1;}
.mstoreToolbar .userName .themes li.gray{background-color:#ccc;}
.mstoreToolbar .userName .themes li.green{background-color:#093;}

.mstoreToolbar .userName .loginout{display:block; font-size:16px; text-indent:12px; color:#207cd1; margin-top:10px; padding:6px 0;}
.mstoreToolbar .userName .loginout:hover{background:#f2f2f2;}

.mstoreToolbar.hide{height:48px; top:50%; margin-top:-24px; left:2px; width:12px; border-radius:6px; overflow:hidden; border-right:0;}
.mstoreToolbar.hide .iconbox,
.mstoreToolbar.hide .userName,
.mstoreToolbar.hide .toggleVisible span,
.mstoreToolbar.hide .toggleVisible:before{display:none;}
.mstoreToolbar.hide .toggleVisible{width:12px; height:48px; border-radius:6px; bottom:auto;}
.mstoreToolbar.hide .userName{display:none;}
.mstoreToolbar.right{left:auto; right:0;}
.mstoreToolbar.hide.right{right:2px;}

/*===== mstoreDev/editor#viewport:0 =====*/

#mstoreViewport{position:fixed; left:60px; right:0; top:0px; bottom:0; background:#fff; /*transition:left .25s ease-in;*/}
#mstoreViewport iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
#mstoreViewport.full{left:0;}

/*===== mstoreDev/editor#showModuleDoc:0 =====*/

.mstoreModuleDocDetailPage{display:none; position:fixed; z-index:55555; background:#fff; width:560px; height:460px; overflow:hidden; right:2px; bottom:2px; border:solid 1px #ddd; -webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc; padding:10px 0 10px 20px; font-size:14px; border-radius:4px;}
.mstoreModuleDocDetailPage .title{border-bottom:solid 1px #ccc; height:30px; line-height:30px; margin:0 20px 6px 0;}
.mstoreModuleDocDetailPage .title li,
.mstoreModuleDocDetailPage .title a{margin-right:20px;border-bottom:solid 1px #ccc; color:#666; height:30px; float:left; cursor:pointer;font-weight:bold; font-size:14px; padding:0 4px;}
.mstoreModuleDocDetailPage .title a{color:#f40; text-decoration:none; font-weight:normal;}
.mstoreModuleDocDetailPage .title li.current{color:#3C78B5; border-color:#3C78B5; height:29px; border-width:2px;}
.mstoreModuleDocDetailPage .content{padding:10px 10px 10px 0; height:420px; overflow-y:auto;}
.mstoreModuleDocDetailPage .content .baseInfo h3{color:#666; font-size:14px;}
.mstoreModuleDocDetailPage .content .baseInfo h3:before{content:"◇ "; display:inline-block; vertical-align:middle; color:#999; margin-right:4px;}
.mstoreModuleDocDetailPage .content .baseInfo .info{margin-bottom:12px; padding:10px; background:#f8f8f8; color:#666; border-radius:4px; overflow:hidden; font-size:14px;}
.mstoreModuleDocDetailPage .content .baseInfo .paramTable{padding:0;}
.mstoreModuleDocDetailPage .content .baseInfo .paramTable table{width:100%; border-collapse:collapse; font-size:14px;}
.mstoreModuleDocDetailPage .content .baseInfo .paramTable table thead{background:#f8f8f8;text-align:left;}
.mstoreModuleDocDetailPage .content .baseInfo .paramTable table th{white-space:nowrap; font-weight:normal; color:#000;}
.mstoreModuleDocDetailPage .content .baseInfo .paramTable table td, .mstoreModuleDocDetailPage .content .baseInfo .paramTable table th{border:solid 1px #eee;border-collapse:collapse; padding:6px;}
.mstoreModuleDocDetailPage .content .baseInfo .paramTable table td{background:#fff; color:#999;}

.mstoreModuleDocDetailPage .content .baseInfo .info p{padding:5px 0; line-height:1.5;}
.mstoreModuleDocDetailPage .content .codeDemo h3{color:#666; font-size:14px;}
.mstoreModuleDocDetailPage .content .codeDemo h3:before{content:"◇ "; display:inline-block; vertical-align:middle;color:#999;margin-right:4px;}

.hl-view{margin:12px 0;}
.hl-view .code{display:none;}
.hl-view ol{font:14px/2 monaco,"Courier New",verdana,Helvetica,Tahoma,Arial,sans-serif; word-wrap:break-word; word-break:break-all; dis_display:inline-block\\9; margin:0; padding-left:4em;}
.hl-view li{line-height:1.8; padding-left:6px;}
.hl-edit .view-default {display:none}
.view-default ol{background:#eee; color:#333; border-radius:8px; border:1px solid #3C78B5; padding-left:40px;}
.view-default li{line-height:1.8; border-left:1px dotted #3C78B5; padding-left: 6px;}
.view-default .tag{color:#0000C6}
.view-default .attrval{color:#666666}
.view-default .attrkey{color:#FF0000}
.view-default .doctype{color:#008074}
.view-default .keyword{color:#0000C6}
.view-default .comment{color:#B0812C}
.view-default .quote{color:#666666}
.view-default .number{color:#FF0000}
.view-default .regexp{color:#008074}
.view-default .csssel{color:#008074}
.view-default .csskey{color:#FF0000}
.view-default .cssval{color:#666666}
.hl-edit .view-black {display:none}
.view-black ol{background:#060606; color:#eee; border:1px solid #060606;}
.view-black li{background:#222;border-left:1px solid #333;}
.view-black .tag{color:#119BEE}
.view-black .attrval{color:#888}
.view-black .attrkey{color:#89D726}
.view-black .doctype{color:#89D726}
.view-black .keyword{color:#FE81F8}
.view-black .comment{color:#119BEE}
.view-black .quote{color:#89D726}
.view-black .number{color:#86CC99}
.view-black .regexp{color:#B7B700}
.view-black .csssel{color:#FE81F8}
.view-black .csskey{color:#119BEE}
.view-black .cssval{color:#89D726}
.hl-edit .view-bop {display:none}
.view-bop ol{background:#060606; color:#eee; border:1px solid #060606;}
.view-bop li{background:#222; border-left:1px solid #333;}
.view-bop .tag{color:#efac32}
.view-bop .attrval{color:#d9d762}
.view-bop .attrkey{color:#6c99bb}
.view-bop .doctype{color:#efac32}
.view-bop .keyword{color:#ef5d32}
.view-bop .comment{color:#777777}
.view-bop .quote{color:#d9d762}
.view-bop .number{color:#6c99bb}
.view-bop .regexp{color:#8856d2}
.view-bop .csssel{color:#efac32}
.view-bop .csskey{color:#c0c0c0}
.view-bop .cssval{color:#d9d762}
.hl-edit{border:1px solid #999; background:#eee; margin:12px 0;}
.hl-edit .view-html,.hl-edit .view-css,.hl-edit .view-js{display:none;}
.hl-edit .code{overflow:hidden;margin:3px;padding:3px;border:1px solid #999;background:#fff;font-size:12px;}
.hl-edit .code textarea{font:12px/1.6 monaco,"Courier New",verdana,Helvetica,Tahoma,Arial,sans-serif; border:0; min-height:240px; display:block width:100%; resize:none; outline:none;}
.hl-edit .code div{border-top:1px solid #999;padding-top:3px;}
.hl-edit .code div span{color:green;}
.hl-menu{position:absolute;background:#FFFFFF;border:1px solid #999;font-size:12px;top:0;left:-999px;padding:1px;width:100px;}
.hl-menu a{display:block;padding:3px 12px;color:#333;text-decoration:none!important;}
.hl-menu a:hover{background:#316AC5;color:#fff;}
.hl-exec{z-index:9999;display:none;position:fixed;left:0;top:0;width:100%;height:400px;background:#fff;}
.hl-exec .close{margin:3px auto;width:400px;padding:8px;font-size:12px;font-weight:bold;cursor:pointer;text-align:center;background:#fefefe;border:1px solid #999;color:#FF0000;}
.hl-exec .close:hover{background:#feefff;}
.hl-exec iframe{border-top:1px solid #000}

/*===== mstoreDev/editor#serchBox:0 =====*/
.mstoreSearchBox{z-index:999999; position:fixed; padding:14px 0px; top:0; left:0; width:100%; background:#fff; -webkit-box-shadow:0 1px 6px #ccc;box-shadow:0 1px 6px #ccc; display:none;}
.mstoreSearchBox input{ display:block; background:#f9f9f9; border:1px solid #dfdfdf; width:400px; border-radius:4px; padding:8px 20px; -webkit-box-sizing:border-box;box-sizing:border-box; font-size:16px; color:#333; font-family:'microsoft yahei'; margin:0 auto;}
.mstoreSearchBox input:focus{-webkit-box-shadow:0 0 6px #207cd1;box-shadow:0 0 6px #207cd1; border-color:#207cd1; transition:all .5s ease-out;}
.mstoreSearchBox .suggest{display:none; position:absolute; width:400px; left:50%; margin-left:-200px; border:solid #dfdfdf; border-width:0 1px; -webkit-box-sizing:border-box;box-sizing:border-box; background:#fff; top:60px; -webkit-box-shadow:0 0 6px #ccc;box-shadow:0 0 6px #ccc; border-radius:4px; overflow:hidden;}
.mstoreSearchBox .suggest p{margin:0; padding:10px 12px; font-size:14px; color:#666; cursor:pointer; border:solid #eee; border-width:1px 0; margin-top:-1px;}
.mstoreSearchBox .suggest p.selected, 
.mstoreSearchBox .suggest p:hover{background:#edf6ff;}

/*===== mstoreDev/common#editor:0 =====*/
/*编辑页ACE编辑器样式*/
.codeEditorWindow{position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:2222;}
.codeEditorWindow h3{position:relative; margin:0; text-align:center; color:#eee; height:32px; line-height:32px; font-size:16px;}
.codeEditorWindow .close{color:#eee; cursor:pointer; font-size:14px; font-style:normal; position:absolute; right:8px; top:0;}
.codeEditorWindow pre{margin:0;}
/*ACE编辑器内置样式*/
.codeEditorWindow .ace-twilight{color:#bbb;}
.codeEditorWindow .ace-twilight{color:#bbb;}
.codeEditorWindow .ace-twilight .ace_gutter{color:#bbb;}
.codeEditorWindow .ace-twilight .ace_gutter{color:#bbb;}    

/*===== mstoreDev/common#editor:1 =====*/
.codeEditorTabbox{cursor:pointer; position:fixed; right:0; top:50%; z-index:3333; border:1px solid #888; border-width:1px 0 1px 12px; border-radius:12px 0 0 12px;}
.codeEditorTabbox.hidden{width:12px; height:12px; height:48px; margin-top:-24px; overflow:hidden; border-radius:6px; border:none; background:#888; right:2px;}
.codeEditorTabbox.hidden .item{display:none;}
.codeEditorTabbox .item{margin:3px; padding:8px 12px; border:1px solid #888; background:#fff; border-radius:4px 0 0 4px; cursor:pointer; font-size:14px; color:#999;}
.codeEditorTabbox .item:hover{background:#f8f8f8;}
.codeEditorTabbox .globalModuleBox .item{border-color:#f40; color:#f40;}
.codeEditorTabbox .projectModuleBox .item{border-color:#f93; color:#f93;}
.codeEditorTabbox .privateModuleBox .item{border-color:#093; color:#093;}
.codeEditorTabbox .item.actived{background:#666; color:#fff; border-color:#666;}

/*===== mstoreDev/editor#pageConfig:0 =====*/

body, html{overflow-y:hidden;}

/*===== mstoreDev/editor#modList:0 =====*/

.mstoreModulesPanel{}
.mstoreModulesPanel{position:fixed; z-index:1000; top:8px; left:66px; border:1px solid #ddd;}
.mstoreModulesPanel ul{margin:0; padding:0; list-style:none; background:#fff;  border-radius:2px;}
.mstoreModulesPanel li{border:1px solid #eee; border-width:1px 0; margin-top:-1px; padding:10px 12px; font-size:14px; cursor:pointer;}
.mstoreModulesPanel li:first-child{border-top:1px solid #ddd;}
.mstoreModulesPanel li:last-child{border-bottom:0;}
.mstoreModulesPanel li.globalModule{color:#f40;}
.mstoreModulesPanel li.projectModule{color:#f93;}
.mstoreModulesPanel li.privateModule{color:#093;}
.mstoreModulesPanel li:hover{color:#fff;}
.mstoreModulesPanel li.globalModule:hover{background:#f40;}
.mstoreModulesPanel li.projectModule:hover{background:#f93;}
.mstoreModulesPanel li.privateModule:hover{background:#093;}

.mstoreModulesPanel.showScroll{overflow-y:scroll;}
.mstoreModulesPanel.hide{width:16px; height:16px!important; overflow:hidden; cursor:pointer;}
.mstoreModulesPanel.hide ul{display:none;}
